<html>
<head>
<title>RChart, User Guide</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#FFFFFF" leftmargin="35">
<h3>RCHART, User Guide</h3>
<p><font face="Arial, Helvetica, sans-serif" size="-1"><i>Copyright 2005, J4L 
  Components (http://www.java4less.com)</i></font> <br>
  <a href="tutorialcontents.html">Go bak to contents</a> </p>
<hr>
<h3><font face="Arial, Helvetica, sans-serif">Configuration objects</font></h3>
<ul>
  <li><font face="Arial, Helvetica, sans-serif" size="-1"><a href="#1">Label markup 
    language</a></font></li>
  <li><font face="Arial, Helvetica, sans-serif" size="-1"><a href="#2">Target 
    zones</a></font></li>
  <li><font face="Arial, Helvetica, sans-serif" size="-1"><a href="#3">Notes</a></font></li>
  <li><font face="Arial, Helvetica, sans-serif" size="-1"><a href="#4">Format 
    of the values</a></font></li>
</ul>
<p>&nbsp;</p>
<h4><font face="Arial, Helvetica, sans-serif" size="-1"><a name="1"></a>Label 
  markup language</font></h4>
<p><font face="Arial, Helvetica, sans-serif" size="-1">RChart provides several 
  properties and parameters to define the text to be used as title, labels for 
  the axis , labels for the values and other. It also provides a way to select 
  the color and font to be used in each case. <br>
  <br>
  Starting with version 2.1 you can also use the label markup language to define 
  the appearance of the labels. The language allows you to:</font></p>
<ul>
  <li><font face="Arial, Helvetica, sans-serif" size="-1">modify the font and 
    color of parts of the label</font></li>
  <li><font face="Arial, Helvetica, sans-serif" size="-1">rotate the label</font></li>
  <li><font face="Arial, Helvetica, sans-serif" size="-1">define the aligment</font></li>
  <li><font face="Arial, Helvetica, sans-serif" size="-1">add images to the label</font></li>
  <li><font face="Arial, Helvetica, sans-serif" size="-1">add a border to the 
    label</font></li>
  <li><font face="Arial, Helvetica, sans-serif" size="-1">modify the position 
    of the label</font></li>
  <li><font face="Arial, Helvetica, sans-serif" size="-1">and more</font></li>
</ul>
<p><font face="Arial, Helvetica, sans-serif" size="-1">The language is made of 
  tags which are inserted in the label's text and processed by RChart before rendering 
  the text. The format of the tags is:</font></p>
<p><font face="Courier New, Courier, mono" size="-1">@tagname attributename1='value' 
  attributename2='value' ....@</font></p>
<p><font face="Arial, Helvetica, sans-serif" size="-1">Tags start with the character 
  @, followed by the tagname and one or more attributes. Each attribute is made 
  of the attribute name followed by the equal (=) sign and the value enclosed 
  in single quotes ( ' ). Most tags have only 1 attribute , called <i>value</i>. 
  Tags must end with the character @.</font></p>
<p><font face="Arial, Helvetica, sans-serif" size="-1">There are 2 kind of tags:</font></p>
<ul>
  <li><font face="Arial, Helvetica, sans-serif" size="-1">global tags: these tags 
    should appear only once in the text and will be applied to the whole label. 
    For example, the <i>rotation</i> and <i>alignment</i> tags are global tags.</font></li>
  <li><font face="Arial, Helvetica, sans-serif" size="-1">local tags: these tags 
    can appear several times in the text and will change the current value of 
    a given property. For example the <i>color </i>and the<i> font</i> are local 
    tags, which can be changed as many times as needed.</font></li>
</ul>
<p><font face="Arial, Helvetica, sans-serif" size="-1">The following table shows 
  all available tags</font></p>
<table width="100%" border="0" height="71">
  <tr> 
    <td width="18%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b><i>Tag name (and type)</i></b></font></div>
    </td>
    <td width="19%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b>Attributes</b></font></div>
    </td>
    <td width="63%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b>Description and example</b></font></div>
    </td>
  </tr>
  <tr> 
    <td width="18%" valign="top" height="47"> 
      <ul>
        <li>name (global)</li>
      </ul>
    </td>
    <td width="19%" valign="top" height="47"> 
      <ul>
        <li>value</li>
      </ul>
    </td>
    <td width="63%" valign="top" height="47">Name of the label (optional). The 
      name can be used in java code to identify which label has been clicked. 
      You can use <i>chart.selectedLabel.getName()</i> to read the name of the 
      clicked label. </td>
  </tr>
  <tr> 
    <td width="18%" valign="top" height="35"> 
      <ul>
        <li>tip (global)</li>
      </ul>
    </td>
    <td width="19%" valign="top" height="35"> 
      <ul>
        <li>value</li>
      </ul>
    </td>
    <td width="63%" valign="top" height="35">Tip of the label (optional)</td>
  </tr>
  <tr> 
    <td width="18%" valign="top" height="34"> 
      <ul>
        <li>background (global)</li>
      </ul>
    </td>
    <td width="19%" valign="top" height="34"> 
      <ul>
        <li>value</li>
      </ul>
    </td>
    <td width="63%" valign="top" height="34"> 
      <p>Background color of the label. Example:</p>
      <p> @background value='RED'@ </p>
    </td>
  </tr>
  <tr> 
    <td width="18%" valign="top" height="64"> 
      <ul>
        <li>border (global)</li>
      </ul>
    </td>
    <td width="19%" valign="top" height="64"> 
      <ul>
        <li>value</li>
      </ul>
    </td>
    <td width="63%" valign="top" height="64"> 
      <p>Line style of the border. Example:</p>
      <p>@border value='1|BLACK|NORMAL'@ </p>
    </td>
  </tr>
  <tr> 
    <td width="18%" valign="top" height="48"> 
      <ul>
        <li>clickinfo (global)</li>
      </ul>
    </td>
    <td width="19%" valign="top" height="48"> 
      <ul>
        <li>value</li>
      </ul>
    </td>
    <td width="63%" valign="top" height="48">Additional information. It is normally 
      used to hold a html link which will be opened when the user clicks on the 
      label. You can use <i>chart.selectedLabel.getClickInfo()</i> to read the 
      value of the property in your java code.<br>
    </td>
  </tr>
  <tr> 
    <td width="18%" valign="top" height="34"> 
      <ul>
        <li>rotation (global)</li>
      </ul>
    </td>
    <td width="19%" valign="top" height="34"> 
      <ul>
        <li>value</li>
      </ul>
    </td>
    <td width="63%" valign="top" height="34"> 
      <p>Use this tag to rotate the label. Valid values are: 0,45,90,180 and 270. 
        For example:</p>
      <p>@rotation value='90'@ </p>
    </td>
  </tr>
  <tr> 
    <td width="18%" valign="top" height="34"> 
      <ul>
        <li>position (global)</li>
      </ul>
    </td>
    <td width="19%" valign="top" height="34"> 
      <ul>
        <li>value</li>
      </ul>
    </td>
    <td width="63%" valign="top" height="34"> 
      <p>Use this tag to change the default position of the label. You can define 
        the position using axis units, pixels or percentages. For example:</p>
      <ul>
        <li>@position value='10px,20px'@ will paint the label at pixel (10,20).</li>
        <li>@position value='10%,20%'@ and the size of the chart is 200x200, it 
          will paint the label at pixel (20,40).</li>
        <li>@position value='10,20'@ will paint at position 10 according to the 
          X axis and at position 20 according to the Y axis.<br>
        </li>
      </ul>
      <p>You can also use the signs + / - to defined a relative position. For 
        example:</p>
      <p>@position value='+10px,+0px'@ will paint the label ten pixels to the 
        right of the default position.</p>
      <p>&nbsp;</p>
    </td>
  </tr>
  <tr> 
    <td width="18%" valign="top" height="34"> 
      <ul>
        <li>align (global)</li>
      </ul>
    </td>
    <td width="19%" valign="top" height="34"> 
      <ul>
        <li>value</li>
      </ul>
    </td>
    <td width="63%" valign="top" height="34">Use this tag to change the alignment 
      of the text and images in the label. Valid values are LEFT, CENTER and RIGHT.</td>
  </tr>
  <tr> 
    <td width="18%" valign="top" height="34"> 
      <ul>
        <li>size (global)</li>
      </ul>
    </td>
    <td width="19%" valign="top" height="34"> 
      <ul>
        <li>value</li>
      </ul>
    </td>
    <td width="63%" valign="top" height="34">Use this tag to change the size of 
      the label (see also <i>position</i> tag)</td>
  </tr>
  <tr> 
    <td width="18%" valign="top" height="34"> 
      <ul>
        <li>anchor (global)</li>
      </ul>
    </td>
    <td width="19%" valign="top" height="34"> 
      <ul>
        <li>value</li>
        <li> line </li>
      </ul>
    </td>
    <td width="63%" valign="top" height="34"> 
      <p>The tag allows you to paint a line from the label to an &quot;anchor&quot; 
        point. The<i> value</i> attribute contains the position of the point and 
        the<i> line </i>attibute the style of the line. For example: </p>
      <p>@ANCHOR value='1,2' line='1|GREY|DOTS'@</p>
    </td>
  </tr>
  <tr> 
    <td width="18%" valign="top" height="34"> 
      <ul>
        <li>margin (global)</li>
      </ul>
    </td>
    <td width="19%" valign="top" height="34"> 
      <ul>
        <li>value</li>
      </ul>
    </td>
    <td width="63%" valign="top" height="34"> 
      <p>The margin allows to increase the distance between the text in the label 
        and the border. A margin of 3 pixels is defined as:</p>
      <p>@margin value='3'@</p>
    </td>
  </tr>
  <tr> 
    <td width="18%" valign="top" height="34"> 
      <ul>
        <li>color (local)</li>
      </ul>
    </td>
    <td width="19%" valign="top" height="34"> 
      <ul>
        <li>value</li>
      </ul>
    </td>
    <td width="63%" valign="top" height="34"> 
      <p>Use this tag to select the current font color. The new color will be 
        applied to the text after the font tag only. For example:</p>
      <p>@color value='RED'@</p>
    </td>
  </tr>
  <tr> 
    <td width="18%" valign="top" height="34"> 
      <ul>
        <li>font (local)</li>
      </ul>
    </td>
    <td width="19%" valign="top" height="34"> 
      <ul>
        <li>value</li>
      </ul>
    </td>
    <td width="63%" valign="top" height="34"> 
      <p>The font is used to change the current font. The new font will be applied 
        to the text after the font tag only. For example:</p>
      <p>@font value=&quot;arial|PLAIN|10'@</p>
    </td>
  </tr>
  <tr> 
    <td width="18%" valign="top" height="34"> 
      <ul>
        <li>image (local)</li>
      </ul>
    </td>
    <td width="19%" valign="top" height="34"> 
      <ul>
        <li>value</li>
      </ul>
    </td>
    <td width="63%" valign="top" height="34"> 
      <div align="left"> 
        <p>Adds an image to the label. For example:</p>
        <p>@image value='myImage.gif'@<br>
        </p>
      </div>
    </td>
  </tr>
  <tr> 
    <td width="18%" valign="top" height="34"> 
      <ul>
        <li>\n</li>
      </ul>
    </td>
    <td width="19%" valign="top" height="34"> 
      <p>&nbsp;</p>
    </td>
    <td width="63%" valign="top" height="34"> 
      <div align="left"> 
        <p>You can use the string \n (in java code defined as &quot;\\n&quot; 
          ) to create a new line in your text.<br>
        </p>
        </div>
    </td>
  </tr>
</table>
<p>&nbsp;</p>
<p><font face="Arial, Helvetica, sans-serif" size="-1">The following table includes 
  some examples and the resulting image:</font></p>
<table width="100%" border="0" height="71">
  <tr> 
    <td width="22%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b><i>Name</i></b></font></div>
    </td>
    <td width="45%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b>Code</b></font></div>
    </td>
    <td width="33%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b>Result</b></font></div>
    </td>
  </tr>
  <tr> 
    <td width="22%" valign="top" height="34">Changes of fonts in the label.</td>
    <td width="45%" valign="top" height="34">@align value='CENTER'@Survey Results\n@Font 
      value='Arial|PLAIN|9'@Coffee machine Customer Satisfaction survey\nconducted 
      by two independent consultants</td>
    <td width="33%" valign="top" height="34"> 
      <p><img src="images/chartlabel2.PNG" width="219" height="65"></p>
      <p>&nbsp;</p>
    </td>
  </tr>
  <tr> 
    <td width="22%" valign="top" height="34">Changes of colors in the label.</td>
    <td width="45%" valign="top" height="34">@position value='15%,12%'@@font value='Arial|BOLD|12'@@color 
      value='RED'@London @color value='BLACK'@/ @color value='BLUE'@Paris</td>
    <td width="33%" valign="top" height="34"><img src="images/chartlabel4.PNG" width="91" height="20"></td>
  </tr>
  <tr> 
    <td width="22%" valign="top" height="34">Rotation of the text</td>
    <td width="45%" valign="top" height="34">@position value='72%,20%'@@rotation 
      value='90'@@font value='Arial|BOLD|14'@Weather statistics</td>
    <td width="33%" valign="top" height="34"> 
      <p><img src="images/chartlabel5.PNG" width="95" height="142"></p>
      <p>&nbsp;</p>
    </td>
  </tr>
  <tr> 
    <td width="22%" valign="top" height="34">Border and background</td>
    <td width="45%" valign="top" height="34">
      <p>@position value='30%,90%'@@size value='0px,22px'@@border value='1|BLACK|NORMAL'@@background 
        value='WHITE'@@font value='Arial|BOLD|12'@ Last year </p>
      <p>&nbsp;</p>
    </td>
    <td width="33%" valign="top" height="34"><img src="images/chartlabel3.PNG" width="82" height="42"></td>
  </tr>
  <tr> 
    <td width="22%" valign="top" height="34">Adding line to anchor point</td>
    <td width="45%" valign="top" height="34">@position value='0px,94%'@@size value='100%,6%'@ 
      @background value='0x33ccff'@Copyright J4L Examples</td>
    <td width="33%" valign="top" height="34"> 
      <p><img src="images/anchor.PNG" width="136" height="186"></p>
      <p>&nbsp;</p>
    </td>
  </tr>
  <tr>
    <td width="22%" valign="top" height="34">Adding an image</td>
    <td width="45%" valign="top" height="34">@image value='rain.gif'@\n\nRainy</td>
    <td width="33%" valign="top" height="34">
      <p><img src="images/labelImage.PNG" width="37" height="48"></p>
      <p>&nbsp;</p>
    </td>
  </tr>
  <tr> 
    <td width="22%" valign="top" height="34">Setting size and position</td>
    <td width="45%" valign="top" height="34">@position value='0px,94%'@@size value='100%,6%'@ 
      @background value='0x33ccff'@Copyright J4L Examples</td>
    <td width="33%" valign="top" height="34"><img src="images/chartlabel6.PNG" width="401" height="83"></td>
  </tr>
</table>
<p><font face="Arial, Helvetica, sans-serif" size="-1"><b>Note</b>: there are 
  two parameters; SERIE_LABEL_TEMPLATE_* and *AXIS_TEMPLATE which are used to 
  define the label of the value in the chart and the axis. These label must contain 
  the literal<i> #value#</i> which will be replace at runtime with the value to 
  be plotted.</font></p>
<p>&nbsp;</p>
<h4><font face="Arial, Helvetica, sans-serif" size="-1"><a name="2"></a>Target 
  zones </font></h4>
<p>&nbsp;</p>
<p><font face="Arial, Helvetica, sans-serif" size="-1">Target zones are used in 
  line and bar charts to remark a range of values in the plotter area. The follwing 
  screenshot shows a chart with 2 target zones:</font></p>
<p><img src="images/targetzone.PNG" width="318" height="364"></p>
<ul>
  <li><font face="Arial, Helvetica, sans-serif" size="-1">a vertical target zone 
    which expand from the third value to the fifth value of the X Axis (Saturday 
    till Monday). The target zone is used to remark a weekend.</font></li>
  <li><font face="Arial, Helvetica, sans-serif" size="-1">a horizontal target 
    zone which marks the &quot;Profitability threshold&quot; at position 30 of 
    the Y axis.</font></li>
</ul>
<p><font face="Arial, Helvetica, sans-serif" size="-1">As you can see target zones 
  can be lines or areas (with start and end positions). The CHART_TARGET_ZONE_* 
  parameters are used to add target zones to the charts. The syntax of the parameter 
  is:</font></p>
<p><font face="Arial, Helvetica, sans-serif" size="-1">CHART_TARGET_ZONE_*=&lt;start 
  value&gt;;&lt;end value&gt;;&lt;line style&gt;;&lt;fill style&gt;;&lt;label&gt;;&lt;orientation&gt;</font></p>
<p><font face="Arial, Helvetica, sans-serif" size="-1">where:</font></p>
<ul>
  <li><font face="Arial, Helvetica, sans-serif" size="-1">&lt;start value&gt;: 
    position of the target zone.</font></li>
  <li><font face="Arial, Helvetica, sans-serif" size="-1">&lt;end value&gt;: (optional) 
    end position of the zone</font></li>
  <li><font face="Arial, Helvetica, sans-serif" size="-1">&lt;line style&gt;: 
    style of the line for the borders of the zone</font></li>
  <li><font face="Arial, Helvetica, sans-serif" size="-1">&lt;fill style&gt;: 
    (optional) style for filling the zone</font></li>
  <li><font face="Arial, Helvetica, sans-serif" size="-1">&lt;label&gt;: (optional) 
    text to be displayed as label</font></li>
  <li><font face="Arial, Helvetica, sans-serif" size="-1">&lt;orientation&gt;: 
    TRUE (for vertical) and FALSE (for horizontal).</font></li>
</ul>
<p><font face="Arial, Helvetica, sans-serif" size="-1">The 2 zones in the example 
  above are defined as:</font></p>
<table width="100%" border="0" height="71">
  <tr> 
    <td width="30%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b><i>Parameters</i></b></font></div>
    </td>
    <td width="44%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b><i>Equivalent java class/property</i></b></font></div>
    </td>
  </tr>
  <tr> 
    <td width="30%" valign="top" height="106"> 
      <p>CHART_TARGET_ZONE_1=3;5;1|BLACK|NORMAL;LIGHTBLUE|0.5;@font value='ARIAL|PLAIN|12'@@Position 
        value=',-25px'@Weekend;TRUE </p>
      <p>CHART_TARGET_ZONE_2=30;;2|RED|NORMAL;;@Position value='15%,-25px'@@font 
        value='ARIAL|ITALIC|12'@Profitability threshold;FALSE <br>
        <br>
        <br>
        Note: you can also use % instead of absolute values:</p>
      <p>CHART_TARGET_ZONE_2=30%;;2|RED|NORMAL .....</p>
      <p>will create a target zone at position 30% of the Y axis (if vertical, 
        or x axis if horizontal).</p>
    </td>
    <td width="44%" valign="top" height="106"> 
      <div align="left"> 
        <p>String value=&quot;3;5;1|BLACK|NORMAL;LIGHTBLUE|0.5;@........&quot;;<br>
          chart.addTargetZone( TargetZone.createFromString(value));</p>
        <p>OR</p>
        <p>TargetZone zone=new TargetZone(3,5, IConstants.UNIT_USER, IConstants.UNIT_USER);<br>
          zone.style= new LineStyle(1,GraphicsProvider.getColor(ChartColor.BLACK), 
          LineStyle.LINE_NORMAL);<br>
          zone.fillStyle=new FillStyle(GraphicsProvider.getColor(ChartColor.LIGHTBLUE),0.5);<br>
          zone.label=&quot;@font value='ARIAL|PLAIN|12'@@Position value=',-25px'@Weekend&quot;:<br>
          zone.vertical= true;<br>
          <br>
          if you have no end position you use:</p>
        <p>TargetZone zone=new TargetZone( 3, TargetZone.DISABLED, IConstants.UNIT_USER, 
          IConstants.UNIT_USER);<br>
        </p>
        </div>
    </td>
  </tr>
</table>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h4><font face="Arial, Helvetica, sans-serif" size="-1"><a name="3"></a>Notes</font></h4>
<p><font size="-1" face="Arial, Helvetica, sans-serif">Notes are chart labels 
  which you define using the label markup language. The label includes always 
  the <i>position</i> tag since notes have no default position and you must specify 
  it.</font></p>
<p><font size="-1" face="Arial, Helvetica, sans-serif">The following example shows 
  a chart note:</font></p>
<p><img src="images/anchor.PNG" width="136" height="186"></p>
<p><font face="Arial, Helvetica, sans-serif" size="-1">Notes are created using 
  the CHART_NOTE* parameter(where * is a counter starting at 1).</font><br>
  <br>
</p>
<table width="100%" border="0" height="71">
  <tr> 
    <td width="30%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b><i>Parameters</i></b></font></div>
    </td>
    <td width="44%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b><i>Equivalent java class/property</i></b></font></div>
    </td>
  </tr>
  <tr> 
    <td width="30%" valign="top" height="77"> 
      <p>CHART_NOTE1=@image value='warning.PNG'@ @ANCHOR value='1,2' line='1|GREY|DOTS'@ 
        @position value='15%,15%'@Manual tunning\n performed at 6:00 </p>
      </td>
    <td width="44%" valign="top" height="77"> 
      <div align="left"> 
        <p>String note=&quot;=@image value='warning.P......&quot;;</p>
        <p>chart.addNote(note);<br>
        </p>
        </div>
    </td>
  </tr>
</table>
<p>&nbsp;</p>
<h4><font face="Arial, Helvetica, sans-serif" size="-1"><a name="4"></a>Format 
  of the values</font></h4>
<p>&nbsp;</p>
<p><font face="Arial, Helvetica, sans-serif" size="-1">When you create a linechart 
  or barchart you will normally display the values next to the bar , point or 
  line. </font></p>
<p><font face="Arial, Helvetica, sans-serif" size="-1">The format of the values 
  can be configured using several parameters:</font></p>
<ul>
  <li><font face="Arial, Helvetica, sans-serif" size="-1">SERIE_FORMAT_*: indicates 
    the format of the numeric values in the chart. The default is: "#####.##". 
    (use 0 to indicate a digit, # to indicate a digit or empty and . for the decimal 
    separator) <br>
    <br>
    </font></li>
  <li><font face="Arial, Helvetica, sans-serif" size="-1">SERIE_DATA_LABELS_*: 
    is a list ( | separated) of user defined labels which will be painted instead 
    of the value itself. For example, if you are plotting the values &quot;SERIE_DATA_1=1|2|3&quot; 
    you could use as labels &quot;SERIE_LABEL_TEMPLATE_1=one|two|three&quot;.<br>
    <br>
    </font></li>
  <li><font face="Arial, Helvetica, sans-serif" size="-1">SERIE_LABEL_TEMPLATE_*: 
    the template allows you so add markup language tags to the value. The string 
    <i>#value#</i> will be replaced by the value to be plotted. For example, the 
    following parameter:<br>
    <br>
    SERIE_LABEL_TEMPLATE_1=@background value='WHITE'@@border value='1|BLACK|NORMAL'@ 
    #value#<br>
    <br>
    will produce the labels as seen in the screenshot below.<br>
    <br>
    <img src="images/template.PNG" width="306" height="66"><br>
    <br>
    <br>
    <br>
    where * is the number of the serie</font><font face="Arial, Helvetica, sans-serif" size="-1"><br>
    </font></li>
</ul>
<p><font face="Arial, Helvetica, sans-serif" size="-1">The following table shows 
  the equivalent java properties for the parameters:<br>
  </font></p>
<table width="100%" border="0" height="71">
  <tr> 
    <td width="30%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b><i>Parameters</i></b></font></div>
    </td>
    <td width="44%" valign="top" bgcolor="#CCCCCC" height="27"> 
      <div align="center"><font color="#000000"><b><i>Equivalent java class/property</i></b></font></div>
    </td>
  </tr>
  <tr> 
    <td width="30%" valign="top" height="77"> 
      <p>SERIE_FORMAT_1=####</p>
      <p>SERIE_DATA_LABELS_1=one|two|three<br>
        <br>
        SERIE_LABEL_TEMPLATE_1=@background value='WHITE'@@border value='1|BLACK|NORMAL'@ 
        #value#</p>
    </td>
    <td width="44%" valign="top" height="77"> 
      <div align="left"> 
        <p>dataSerie.valueFormat=&quot;####&quot;;<br>
          <br>
          dataSerie.dataLabels=new String[] {&quot;one&quot;,&quot;two&quot;,&quot;three&quot;};<br>
          <br>
          dataSerie.labelTemplate=&quot;@background value='WHITE'@@border value='1|BLACK|NORMAL'@ 
          #value#&quot;;<br>
        </p>
      </div>
    </td>
  </tr>
</table>
<p>&nbsp;</p><hr>
<p>&nbsp;</p>
</body>
</html>
